<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户登录</title>
    <style>
        .login-box { width: 400px; margin: 50px auto; padding: 30px; border: 1px solid #eee; border-radius: 8px; }
        .input-item { margin: 15px 0; }
        .input-item label { display: inline-block; width: 80px; }
        .input-item input { width: 280px; padding: 8px; border: 1px solid #ddd; border-radius: 4px; }
        .submit-btn { margin-left: 80px; padding: 10px 20px; background-color: #4CAF50; color: white; border: none; border-radius: 4px; cursor: pointer; }
    </style>
</head>
<body>
<%-- 引入公共头部 --%>
<jsp:include page="header.jsp"/>

<div class="login-box">
    <h2 style="text-align: center;">用户登录</h2>
    <form action="doLoginServlet" method="post">
        <div class="input-item">
            <label>用户名：</label>
            <input type="text" name="username" required>
        </div>
        <div class="input-item">
            <label>密码：</label>
            <input type="password" name="password" required>
        </div>
        <div class="input-item">
            <input type="submit" value="登录" class="submit-btn">
        </div>
    </form>
</div>

<%-- 引入公共底部 --%>
<jsp:include page="footer.jsp"/>
</body>
</html>